<template>
    <transition name="mask">
        <div class="Mask">
        </div>
    </transition>
</template>
<script type="text/ecmascript-6">
export default {

}
</script>
<style rel="stylesheet/scss" lang="scss">
.Mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(#000000,.8);
}

.mask-enter{
    background: rgba(#000000,0);
}

.mask-enter-active {
    transition: all .3s;
}
.mask-leave-active{
    transition:  all .3s;
    background: rgba(#000000,0);
}
</style>
